Boton para Expandir y Contraer

Se trata de un codigo HTML que expande y contrae un texto, una imagen, un widget, bueno se podria decir que cualquier cosa.

A continuacion le presento el codigo:

<div class="pre-spoiler"> <span style="float: left; padding-top: 2px;"></span><input id="xs" style="margin-left: 50px; padding: 0px; width: 80px; font-size: 14px; font-family: trebuchet ms;" value="VER" onclick="if(this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display != &#39;&#39;) { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;&#39;;this.innerText = &#39;&#39;; this.value = &#39;OCULTAR&#39;; } else { this.parentNode.parentNode.getElementsByTagName(&#39;div&#39;)[1].getElementsByTagName(&#39;div&#39;)[0].style.display = &#39;none&#39;; this.value = &#39;VER TEXTO&#39;;}" type="button" /> </div> <div><div style="display: none;" class="spoiler">TEXTO O IMAGEN OCULTA</div></div>

Ahora su configuracion es la siguiente:

TEXTO O IMAGEN OCULTA

---

Entradas Relacionadas

►Boton Animado

---